.form_card {
  font-size: 16px;

  :deep(.n-card__content) {
    padding: 0;
  }

  .form_container {
    .header {
      height: 50px;
      box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
      border-radius: 14px 14px 0 0;
      background-image: linear-gradient(to bottom, #4c36b3 100%, #3a2786 28%, #3c279a 0%);
      color: var(--c-white);

      .close {
        top: 16px;
        right: 25px;
        flex-grow: 0;
      }
    }

    .body {
      gap: 20px;
      padding: 40px 60px;

      .tab {
        border-radius: 12px;
        background-color: var(--c-bg-3);

        >span {
          display: inline-block;
          height: 40px;
          width: 187px;
          text-align: center;
          line-height: 40px;
          color: var(--c-inactive);

          &.active {
            color: var(--c-white);
            border-radius: 12px;
            box-shadow: inset 0 0 2px 0 var(--c-bg-4);
            border: 1px solid var(--c-border-2);
            background-color: var(--c-bg-5);
          }
        }
      }

      .btn_zone {
        gap: 34px;
        height: 45px;

        .cancel_btn {
          color: #fff;
          width: 100%;
          border-radius: 12px;
          border-style: solid;
          border: 1px solid var(--c-bg-1);
          background-image: linear-gradient(to bottom, #4c36b3 100%, #3a2786 28%, #3c279a 0%);
        }

        .submit_btn {
          width: 100%;
          color: var(--c-bg-6);
          border-radius: 16px;
          background-image: url(/img/login/login.webp);
          background-size: cover;

          &.fixed_bg {
            background-size: 100% 112%;
          }
        }
      }

      :deep(.n-form) {
        .n-input {
          border-radius: 12px;

          .n-input-wrapper {
            height: 40px;
            font-size: 16px;
            background-color: var(--n-color);

            .n-input__input-el {
              height: 100%;
            }
          }
        }

        .n-form-item {
          .n-form-item-label {
            color: #fff;
          }
          .n-form-item-blank {
            gap: 10px;
          }
          .choose-bank-l {
            gap: 10px !important;
            width: 270px;
            height: 38px;
            padding-left: 8px;
            background: url(/img/payment/inputBg.webp) center no-repeat;
            background-size: 100%;

            .bank-cicon {
              display: flex;
              width: 24px;
              height: 24px;
              border-radius: 50%;
              background: #fff;
              border: solid 1.5px #d6cdff;

              img {
                width: 100%;
                border-radius: 50%;
              }
            }
            .bank-cname {
              width: 220px;
              line-height: 16px;
            }
          }

          .change-btn {
            border-radius: 0;
            font-size: 16px;
            color: #fff;
            text-align: center;
            width: 90px;
            height: 36px;
            line-height: 36px;
            background: url(/img/payment/go-btn.webp) center no-repeat;
            background-size: 100%;
          }

        }
      }
      .bottom-tip {
        font-size: 12px;
        color: #8E82C2;
        gap: 4px !important;
        .gth-icon {
          width: 12px;
          height: 12px;
          background: url(/img/payment/gth.webp) center no-repeat;
          background-size: 100%;
        }
      }
    }

    .body-sec {
      .refresh-icon {
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url(/img/payment/Vector.webp) center no-repeat;
        background-size: 100%;

        &.search-icon {
          background-image: url(/img/payment/search_icon.webp);
        }
      }
    }

  }
}
